@charset "UTF-8";

.sod_select,
.sod_select *{
        -webkit-box-sizing: border-box;
           -moz-box-sizing: border-box;
                box-sizing: border-box;
     -webkit-touch-callout: none;
       -webkit-user-select: none;
          -moz-user-select: none;
           -ms-user-select: none;
               user-select: none;
    }

/* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */
.sod_select
    {
        display: inline-block;
        position: relative;
        line-height: 1.6;
        width: 100%;
        padding: 0 10px;
        border: 1px solid #F4F3F2;
        border-bottom: 1px solid #dfdfdd;
        xbackground: #ffffff;
        color: #444444;
        font-size: .75rem;
        font-weight: 300;
        text-align: left;
        xtext-transform: uppercase;
        outline: 0;
        outline-offset: -1px; /* Opera */
        cursor: default;
    }

    /* Up/Down arrows */
/*    .sod_select:before,
    .sod_select:after
        {
            content: "\25B2";
            position: absolute;
            right: 10px;
            top: -4px;
            font-size: 7px;
        }*/

        /* Down arrow */
        .sod_select:after{
			color: #999;
			position: absolute;
			content: "\25BC";
			font-size: 11px;
			top: auto;
            right: 10px;
			bottom: -4px;
			bottom: 2px;
		}

    /* Change the border color on hover, focus and when open */
    .sod_select:hover,
    .sod_select.open,
    .sod_select.focus {
        border: 1px solid #dfdfdd;
		border-color: #999;
	}

	.sod_select.open { color: #919191; }
	.sod_select.focus {
		box-shadow: 0 0 5px rgba(0,0,0,.2);
	}

    /* When the entire SoD is disabled, go crazy! */
    .sod_select.disabled {
		border-color: #dfdfdd;
		color: #b2b2b2;
		cursor: not-allowed;
	}

    /* The "label", or whatever we should call it. Keep the first three lines for truncating. */
    .sod_select .sod_label  {
		display: block;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;

		padding-right: 15px;
	}

        .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ }
        .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ }



    /* Options list wrapper */
    .sod_select .sod_list_wrapper
        {
			box-shadow: 0 5px 5px rgba(0,0,0,.2);
            position: absolute;
            top: 100%;
            left: -1px;
            right: -1px;
            display: none;
            height: auto;
			line-height: 1;
            margin: 0;
            background: #ffffff;
            border: 1px solid #999;
            border-top: none;
            color: #444444;
            font-weight: 300;
            z-index: 1;
        }

        /* Shows the option list (don't edit) */
        .sod_select.open .sod_list_wrapper { display: block;  }

        /* Don't display the options when  */
        .sod_select.disabled.open .sod_list_wrapper { display: none;  }

        /* When the option list is displayed above the SoD */
        .sod_select.above .sod_list_wrapper
            {
                top: auto;
                bottom: 100%;
                border-top: 1px solid #dfdfdd;
                border-bottom: none;
            }

    /* Options list container */
    .sod_select .sod_list
        {
            display: block;
            overflow-y: auto;
            padding: 0;
            margin: 0;
        }

        /* All the options. Keep the first three lines for truncating... */
        .sod_select .sod_option
            {
                display: block;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;

                position: relative;
                padding: .625rem;
                list-style-type: none;

				font-size: 11px;
            }

            /* Optgroups */
            .sod_select .sod_option.optgroup,
            .sod_select .sod_option.optgroup.disabled
                {
                    background: inherit;
                    color: #939393;
                    font-size: .625rem;
                    font-style: italic;
                }

                /* Children of an optgroup */
                .sod_select .sod_option.groupchild { padding-left: 20px; }

            /* Used together with placeholderOption / data-placeholder-option */
            .sod_select .sod_option.is-placeholder {
                display: none;
            }

            /* Disabled option */
            .sod_select .sod_option.disabled
                {
                    background: inherit;
                    color: #cccccc;
                }

            /* Hover state for options, also used when a user uses his/hers up/down keys */
            .sod_select .sod_option.active
                {
                    background: #f7f7f7;
                    color: #333333;
                }

            /*Make room for the check mark */
            .sod_select .sod_option.selected
                {
                    padding-right: 25px;
                }

                /* Displays a check mark for the selected option */
                .sod_select .sod_option.selected:before
                    {
                        content: "";
                        position: absolute;
                        right: 10px;
                        top: 50%;
                        -webkit-transform: translateY(-50%);
                            -ms-transform: translateY(-50%);
                                transform: translateY(-50%);
                        display: inline-block;
                        color: #808080;
                        height: 9px;
                        width: 10px;
                        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);
                    }

                /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */
                .sod_select.no_highlight .sod_option.selected { font-weight: 300; }
                .sod_select.no_highlight .sod_option.selected:before { display: none; }

            .sod_select .sod_option.link { /* If data-link is set on a specific option */ }
            .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ }



    /* Hide native select */
    .sod_select select { display: none !important; }

        /* The native select in touch mode. Keep this first line. Sorry, keep everything. */
        .sod_select.touch select
            {
                -webkit-appearance: menulist-button;

                position: absolute;
                top: 0;
                left: 0;
                display: block !important;
                height: 100%;
                width: 100%;
                opacity: 0;
                z-index: 1;
            }



.weather .condition{
	position: relative;
	text-align: right;
}

.weather .condition img{
	position: absolute;
    left: 0;
    right: auto;
    top: 0;
    width: 52px;
    width: auto;
    height: 52px;
}

.weather-tomorrow{
	position: relative;
}

.weather .current,
.weather .weather-day{
	display: block;
	text-transform: uppercase;
	font-size: 0.625rem;
    color: #4a4a4a;
    font-weight: normal;
	text-align: right;
}

.weather .current{
	font-size: 1rem;
}




@font-face {
    font-family: "dripicons-weather";
    src: url("../fonts/dripicons-weather.eot");
    src: url("../fonts/dripicons-weather.eot?#iefix") format("embedded-opentype"),
         url("../fonts/dripicons-weather.woff") format("woff"),
         url("../fonts/dripicons-weather.ttf") format("truetype"),
         url("../fonts/dripicons-weather.svg#dripicons-weather") format("svg");
    font-weight: normal !important;
    font-style: normal !important;
}

[data-icon]:before {
  font-family: "dripicons-weather" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="diw-"]:before,
[class*=" diw-"]:before {
  font-family: "dripicons-weather" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.diw-cloud:before {
  content: "a";
}
.diw-cloud-drizzle:before {
  content: "b";
}
.diw-cloud-drizzle-lightning:before {
  content: "c";
}
.diw-cloud-drizzle-lightning-moon:before {
  content: "d";
}
.diw-cloud-drizzle-lightning-sun:before {
  content: "e";
}
.diw-cloud-drizzle-lightning-sun-2:before {
  content: "f";
}
.diw-cloud-drizzle-moon:before {
  content: "g";
}
.diw-cloud-drizzle-sun:before {
  content: "h";
}
.diw-cloud-drizzle-sun-2:before {
  content: "i";
}
.diw-cloud-fog:before {
  content: "j";
}
.diw-cloud-fog-2:before {
  content: "k";
}
.diw-cloud-fog-moon:before {
  content: "l";
}
.diw-cloud-fog-sun:before {
  content: "m";
}
.diw-cloud-fog-sun-2:before {
  content: "n";
}
.diw-cloud-hail:before {
  content: "o";
}
.diw-cloud-hail-lightning:before {
  content: "p";
}
.diw-cloud-hail-lightning-moon:before {
  content: "q";
}
.diw-cloud-hail-lightning-sun:before {
  content: "r";
}
.diw-cloud-hail-lightning-sun-2:before {
  content: "s";
}
.diw-cloud-hail-moon:before {
  content: "t";
}
.diw-cloud-hail-sun:before {
  content: "u";
}
.diw-cloud-hail-sun-2:before {
  content: "v";
}
.diw-cloud-lightning:before {
  content: "w";
}
.diw-cloud-lightning-moon:before {
  content: "x";
}
.diw-cloud-lightning-sun:before {
  content: "y";
}
.diw-cloud-lightning-sun-2:before {
  content: "z";
}
.diw-cloud-moon:before {
  content: "A";
}
.diw-cloud-rain:before {
  content: "B";
}
.diw-cloud-rain-2:before {
  content: "C";
}
.diw-cloud-rain-2-moon:before {
  content: "D";
}
.diw-cloud-rain-2-sun:before {
  content: "E";
}
.diw-cloud-rain-2-sun-2:before {
  content: "F";
}
.diw-cloud-rain-lightning:before {
  content: "G";
}
.diw-cloud-rain-lightning-moon:before {
  content: "H";
}
.diw-cloud-rain-lightning-sun:before {
  content: "I";
}
.diw-cloud-rain-lightning-sun-2:before {
  content: "J";
}
.diw-cloud-rain-moon:before {
  content: "K";
}
.diw-cloud-rain-sun:before {
  content: "L";
}
.diw-cloud-rain-sun-2:before {
  content: "M";
}
.diw-cloud-snow:before {
  content: "N";
}
.diw-cloud-snow-moon:before {
  content: "O";
}
.diw-cloud-snow-sun:before {
  content: "P";
}
.diw-cloud-snow-sun-2:before {
  content: "Q";
}
.diw-cloud-sun:before {
  content: "R";
}
.diw-cloud-sun-2:before {
  content: "S";
}
.diw-cloud-wind:before {
  content: "T";
}
.diw-cloud-wind-2:before {
  content: "U";
}
.diw-cloud-wind-2-moon:before {
  content: "V";
}
.diw-cloud-wind-2-sun:before {
  content: "W";
}
.diw-cloud-wind-2-sun-2:before {
  content: "X";
}
.diw-cloud-wind-moon:before {
  content: "Y";
}
.diw-cloud-wind-sun:before {
  content: "Z";
}
.diw-cloud-wind-sun-2:before {
  content: "0";
}
.diw-clouds:before {
  content: "1";
}
.diw-clouds-moon:before {
  content: "2";
}
.diw-clouds-sun:before {
  content: "3";
}
.diw-clouds-sun-2:before {
  content: "4";
}
.diw-compass-east:before {
  content: "5";
}
.diw-compass-north:before {
  content: "6";
}
.diw-compass-south:before {
  content: "7";
}
.diw-compass-west:before {
  content: "8";
}
.diw-degrees-celcius:before {
  content: "9";
}
.diw-degrees-fahrenheit:before {
  content: "!";
}
.diw-drizzle:before {
  content: "\"";
}
.diw-flag:before {
  content: "#";
}
.diw-fog:before {
  content: "$";
}
.diw-hail:before {
  content: "%";
}
.diw-lightning:before {
  content: "&";
}
.diw-moon-25:before {
  content: "'";
}
.diw-moon-50:before {
  content: "(";
}
.diw-moon-75:before {
  content: ")";
}
.diw-moon-100:before {
  content: "*";
}
.diw-moon-stars:before {
  content: "+";
}
.diw-rain:before {
  content: ",";
}
.diw-raindrop:before {
  content: "-";
}
.diw-snow:before {
  content: ".";
}
.diw-sun:before {
  content: "/";
}
.diw-sun-eclipse:before {
  content: ":";
}
.diw-sun-low:before {
  content: ";";
}
.diw-sun-lower:before {
  content: "<";
}
.diw-sun-rise:before {
  content: "=";
}
.diw-sun-set:before {
  content: ">";
}
.diw-thermometer-25:before {
  content: "?";
}
.diw-thermometer-50:before {
  content: "@";
}
.diw-thermometer-75:before {
  content: "[";
}
.diw-thermometer-100:before {
  content: "]";
}
.diw-tornado:before {
  content: "^";
}
.diw-umbrella:before {
  content: "_";
}
.diw-umbrella-drizzle:before {
  content: "`";
}
.diw-wet:before {
  content: "{";
}
.diw-wind:before {
  content: "|";
}